//项目提供scss全局变量

//系统默认主题颜色
$system-default-theme-color: rgb(42, 191, 220); //rgb(117, 181, 67)
//app滚动条的宽
$scrollbar-width: 0.625rem;
//响应式main页面最小宽度
$main-min-width: 500px;

/*@forward 'element-plus/theme-chalk/src/common/var.scss' with (
    $colors: (
        'primary': (
            'base': $system-default-theme-color,
        ),
    )
);*/

//flex布局
@mixin flex-layout(
    $display: flex,
    $alignItems: normal,
    $justifyContent: normal,
    $flexWarp: nowrap,
    $flexDir: row
) {
    display: $display;
    align-items: $alignItems;
    justify-content: $justifyContent;
    flex-wrap: $flexWarp;
    flex-direction: $flexDir;
}

//多行文本溢出
@mixin ellipsis-multiple($display: -webkit-box, $line: 1, $maxWidth: 100%) {
    display: $display;
    max-width: $maxWidth;
    -webkit-line-clamp: $line;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

//左侧导航栏宽度
$base-nav-width: 4rem;
//左侧导航栏高度
$base-nav-height: 4rem;
//左侧导航栏的背景颜色
$base-nav-background: rgb(1, 14, 31);
//左侧导航栏子项的背景颜色
$base-nav-item-background: rgba(1, 14, 31);
//左侧导航栏子项激活时的背景颜色
$base-nav-item-active-background: rgb(117, 181, 67);
//左侧导航栏子项hover时的背景颜色
$base-nav-item-hover-background: rgb(158, 206, 122);

//左侧菜单宽度
$base-menu-width: 25rem;
//左侧菜单高度
$base-menu-height: 5rem;
//左侧菜单最小宽度
$base-menu-min-width: 6rem;
//左侧菜单的背景颜色
$base-menu-background: rgb(229, 229, 229);
//左侧菜单子项的背景颜色
$base-menu-item-background: rgb(250, 250, 250);
//左侧菜单logo高度设置
$base-menu-logo-height: 3.125rem;
//左侧菜单logo右侧文字大小
$base-menu-logo-title-fontsize: 1.5rem;
//左侧菜单logo右侧文字粗细
$base-menu-logo-title-fontweight: 1000;
//左侧菜单logo右侧文字颜色
$base-menu-logo-title-color: $system-default-theme-color;

//顶部导航栏的高度
$base-tabbar-height: 3.125rem;
//顶部导航栏的背景颜色
$base-tabbar-background: rgb(245, 245, 245);

//好友聊天界面的背景颜色
$base-main-background: rgb(245, 245, 245);
//好友聊天界面对话框的高度
$base-function-height: 10rem;
//用户自己聊天气泡的背景颜色
$chat-bubbles-color: $system-default-theme-color;
